<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="initial-scale=1.0, maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/G-homepage.css">
</head>

<body>
    <div class="homepage">
        <div class="nav-fixed">
            <div class="nav">
                <a>
                    <ul>
                        <li onclick="a(0)">首页</li>
                        <li onclick="a(1)">榜单</li>
                        <li onclick="a(2)">热点</li>
                        <li onclick="a(3)">商城</li>
                    </ul>
                </a>
                <h1>猫眼电影</h1>
            </div>
            <div class="option">
                <div class="option-city"><span>荥阳</span><i></i></div>
                <div class="option-menu">
                    <div>
                        <div id="segmentedControl"
                            class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
                            <a class="mui-control-item mui-active" href="#item1">
                                热映
                            </a>
                            <a class="mui-control-item" href="#item2">
                                影院
                            </a>
                            <a class="mui-control-item" href="#item3">
                                待映
                            </a>
                            <a class="mui-control-item" href="#item4">
                                经典电影
                            </a>
                        </div>
                    </div>
                </div>
                <div class="option-seek" onclick="a(6)"><img
                        src=""
                        alt=""></div>
            </div>
        </div>
        <!-- 热映、经典电影、等等选项卡结构 -->
        <div class="option-content">
            <div>
                <!-- 选项卡热映的内容 -->
                <div id="item1" class="mui-control-content mui-active">
                    <div id="scroll" class="mui-scroll-wrapper" data-scroll="1" style="height: 150px;">
                        <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
                            <!-- 热门电影选项卡 -->
                            <div class="hot-showing" style="margin-top: 1.7rem;">
                                <div class="hot-popular">最受好评电影</div>
                                <div
                                    class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                                    <div class="mui-scroll hot-showing-list">
                                        <a class="mui-control-item mui-active hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(4)">
                                            <img src="https://p0.meituan.net/170.230/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg"
                                                alt="">
                                            <p>长津湖</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!-- 电影列表 -->
                            <div class="movie-list">
                                <ul>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                    <li onclick="a(5)">
                                        <div class="movie-img"><img
                                                src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                                alt=""></div>
                                        <div class="movie-message">
                                            <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                            <p class="comment">观众评<span>9.5</span></p>
                                            <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                            <p class="play-number">今天9家影院放映90场</p>
                                        </div>
                                        <div class="movie-buy">购票</div>
                                    </li>
                                </ul>
                            </div>
                            <!-- 热门影人 -->
                            <div class="hot-showing hot-star">
                                <div class="hot-popular">热门影人</div>
                                <div
                                    class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                                    <div class="mui-scroll hot-showing-list">
                                        <a class="mui-control-item mui-active hot-list" onclick="a(7)">
                                            <img src="https://p1.meituan.net/movie/feea9fdcf930fe52f7c2a075db90bc77195799.jpg"
                                                alt="">
                                            <p>吴京</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(7)">
                                            <img src="https://p0.meituan.net/170.230/movie/51c196529dc89d01e4f8087c0dc7d00e38525.jpg"
                                                alt="">
                                            <p>胡军</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(7)">
                                            <img src="https://p1.meituan.net/moviemachine/7a80a30fac9b78e56ad9e10f1807394c159096.jpg"
                                                alt="">
                                            <p>黄轩</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(7)">
                                            <img src="https://p0.meituan.net/170.230/movie/c88a3ef69739e3f64d3513c92ce734ad40484.jpg"
                                                alt="">
                                            <p>焦俊艳</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(7)">
                                            <img src="https://p0.meituan.net/170.230/movie/f29c9152797cc530b243c0bcf973d30b94125.jpg"
                                                alt="">
                                            <p>林永健</p>
                                        </a>
                                        <a class="mui-control-item hot-list" onclick="a(7)">
                                            <img src="https://p1.meituan.net/moviemachine/798344498dd685ecac377f6c1f684567193741.jpg"
                                                alt="">
                                            <p>沈腾</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!-- 娱乐热点 -->
                            <div class="hot-recreation hot-showing">
                                <div class="hot-popular">娱乐热点</div>
                                <ul class="hot-popular-list">
                                    <li>1. 电影《石狮爱情故事》定档11月11日全国感动上映</li>
                                    <li>2. 电影《天书奇谭4K纪念版》发角色海报 传递时代印记与全新意趣</li>
                                    <li>3. 《长津湖》票房破50亿 超1亿观众致敬最可爱的人</li>
                                    <li>4. IMAX特制拍摄《沙丘》举行超前观影见证“有生之年”科幻史诗</li>
                                    <li>5. 《火线出击》开机新闻发布会</li>
                                    <li>6. 《张卫国的夏天》杀青 黄磊携手众实力派展现小人物的温情生活</li>
                                    <li>7. 《野马分鬃》重新定档11月26日 周游放飞青春“越玩越野”</li>
                                    <li>8. 100名希望工程学子将参加《红尖尖》观影公益活动！</li>
                                    <li>9. 3D动画电影《八戒之天蓬下界》概念场景图 精致画面引期待</li>
                                </ul>
                            </div>
                        </div>
                        <div class="mui-scrollbar mui-scrollbar-vertical">
                            <div class="mui-scrollbar-indicator"
                                style="transition-duration: 0ms; display: block; height: 25px; transform: translate3d(0px, 0px, 0px) translateZ(0px);">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 影院选项卡内容 -->
                <div id="item2" class="mui-control-content item2">
                    <div class="item2-city">
                        <div class="item">全城<span class="drop"></span></div>
                        <div class="item">品牌<span class="drop"></span></div>
                        <div class="item">特色<span class="drop"></span></div>
                    </div>
                    <ul class="item2-cineplex" id="site">
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>4K厅</span>
                                <span>巨幕厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市京城路街道索河路与万山路交叉口东北角建业百货5楼</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>4K厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>巨幕厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>退</span>
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>4K厅</span>
                                <span>巨幕厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>4K厅</span>
                                <span>巨幕厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                        <li>
                            <div class="cineplex-name">中影首创奥莱影城<span>36</span><span>元起</span></div>
                            <div class="cineplex-place">
                                <p>荥阳市贾峪镇郑州首创奥特莱斯F03-F01A</p>
                                <p>4.1km</p>
                            </div>
                            <div class="item-lable">
                                <span>改签</span>
                                <span>折扣卡</span>
                                <span>4K厅</span>
                                <span>巨幕厅</span>
                            </div>
                            <div class="item2-discounts"><span></span>开卡特惠，9.9元起开卡</div>
                        </li>
                    </ul>
                </div>
                <!-- 选项卡3待映neirong -->
                <div id="item3" class="mui-control-content item3">
                    <!-- 滑动选项卡 -->
                    <div class="hot-showing hot-star item3-selector">
                        <div class="hot-popular">近期最受期待</div>
                        <div
                            class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                            <div class="mui-scroll hot-showing-list" id="ht">
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>
                                <a class="mui-control-item mui-active hot-list">
                                    <div>
                                        <img src="https://p0.meituan.net/movie/6ff6096575c4879b9209e88a13bd306b5068603.jpg@1l_1e_1c_170w_230h"
                                            alt="">
                                        <div>83239人想看</div>
                                    </div>
                                    <p>不速来客</p>
                                    <p>10月22日</p>
                                </a>

                            </div>
                        </div>
                    </div>
                    <!-- 待映电影 -->
                    <div class="movie-list">
                        <div class="hot-popular play-date">10月21日 周四</div>
                        <ul class="play-list-date" id="site2">
                            <li>
                                <div class="movie-img"><img
                                        src="https://p1.meituan.net/movie/f9feff617b540c8f8b6e6583c3a08fd0193155.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">幸福的她们<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment"><span>1774</span>人想看</p>
                                    <p class="actor">主演: 赵凌彬,阿德里亚诺·塔尔迪奥洛,王梦莹</p>
                                    <p class="play-number">2021-10-21上映</p>
                                </div>
                                <div class="movie-buy want-look">想看</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment">观众评<span>9.5</span></p>
                                    <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                    <p class="play-number">今天9家影院放映90场</p>
                                </div>
                                <div class="movie-buy want-look">想看</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment">观众评<span>9.5</span></p>
                                    <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                    <p class="play-number">今天9家影院放映90场</p>
                                </div>
                                <div class="movie-buy want-look">想看</div>
                            </li>

                        </ul>
                        <div class="hot-popular play-date">10月21日 周四</div>
                        <ul>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p1.meituan.net/movie/f9feff617b540c8f8b6e6583c3a08fd0193155.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">幸福的她们<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment"><span>1774</span>人想看</p>
                                    <p class="actor">主演: 赵凌彬,阿德里亚诺·塔尔迪奥洛,王梦莹</p>
                                    <p class="play-number">2021-10-21上映</p>
                                </div>
                                <div class="movie-buy">预售</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment">观众评<span>9.5</span></p>
                                    <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                    <p class="play-number">今天9家影院放映90场</p>
                                </div>
                                <div class="movie-buy want-look">想看</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">长津湖<span><img src="img/2d.png" alt=""></span></div>
                                    <p class="comment">观众评<span>9.5</span></p>
                                    <p class="actor">主演: 吴京,易烊千玺,段奕宏</p>
                                    <p class="play-number">今天9家影院放映90场</p>
                                </div>
                                <div class="movie-buy">预售</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="item4" class="mui-control-content item4">
                    <div class="movie-list want-see">
                        <ul  id="site1" class="play-list-date">
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/0e81560dc9910a6a658a82ec7a054ceb5075992.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">长津湖</div>
                                    <p class="comment">The Battle at Lake Changjin</p>
                                    <p class="actor">剧情,历史,战争</p>
                                    <p class="play-number">2021-09-30 09:30中国大陆上映</p>
                                </div>
                                <div class="score"><span>9.5</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p1.meituan.net/mmdb/ceab1c48a4a1e2d9fe941757ee2f5152256864.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">我和我的父辈</div>
                                    <p class="comment">My country,My parents</p>
                                    <p class="actor">剧情</p>
                                    <p class="play-number">2021-09-30 18:00中国大陆上映</p>
                                </div>
                                <div class="score"><span>9.5</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p1.meituan.net/movie/0469a90e1b872f04ef51b425f39a9257955578.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">兰心大剧院</div>
                                    <p class="comment">Saturday Fiction</p>
                                    <p class="actor">剧情</p>
                                    <p class="play-number">2021-10-15 18:00中国大陆上映</p>
                                </div>
                                <div class="score"><span>7.5</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/c9f8427157e1a00c5d0c285807332c3e4925236.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">关于我妈的一切</div>
                                    <p class="comment">All About My Mother</p>
                                    <p class="actor">剧情,家庭</p>
                                    <p class="play-number">2021-09-19 09:00中国大陆上映</p>
                                </div>
                                <div class="score"><span>9.3</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/mmdb/81ca765741e6bbb430d213f736a50c964487800.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">五个扑水的少年</div>
                                    <p class="comment">Water boys</p>
                                    <p class="actor">剧情,喜剧,青春</p>
                                    <p class="play-number">2021-10-01 08:00中国大陆上映</p>
                                </div>
                                <div class="score"><span>9.4</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p1.meituan.net/movie/88b14189629176dfada3e749bfacc2f83725061.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">我的青春有个你</div>
                                    <p class="comment">The Battle at Lake Changjin</p>
                                    <p class="actor">青春,爱情</p>
                                    <p class="play-number">2021-09-30 09:30中国大陆上映</p>
                                </div>
                                <div class="score"><span>8.2</span>分</div>
                            </li>
                            <li>
                                <div class="movie-img"><img
                                        src="https://p0.meituan.net/movie/93dc16310258fc38c9560a317b4245533227268.jpg@1l_1e_1c_128w_180h"
                                        alt=""></div>
                                <div class="movie-message">
                                    <div class="movie-title">图兰朵：魔咒缘起</div>
                                    <p class="comment">The Battle at Lake Changjin</p>
                                    <p class="actor">奇幻，爱情</p>
                                    <p class="play-number">2021-09-30 09:30中国大陆上映</p>
                                </div>
                                <div class="score"><span>7.1</span>分</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 底部导航栏 -->
            <nav class="mui-bar mui-bar-tab foot-nav">
                <a class="mui-active" href="#tabbar">
                    <span>
                        <svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
                            <title>电影1</title>
                            <g fill="#696969" fill-rule="evenodd">
                                <path
                                    d="M24.994 47c-.71 0-1.422-.034-2.136-.102C12.445 45.913 4.14 37.645 3.11 27.24c-.657-6.63 1.65-13.115 6.332-17.796 4.68-4.68 11.162-6.992 17.796-6.333 10.36 1.027 18.624 9.29 19.65 19.65.592 5.984-1.192 11.796-5.022 16.365-.162.193-.158.463.007.63l3.425 3.424c.586.584.586 1.534 0 2.12-.586.586-1.535.586-2.12 0l-3.426-3.425c-1.274-1.273-1.353-3.284-.185-4.677 3.307-3.946 4.847-8.97 4.335-14.142-.886-8.942-8.018-16.074-16.96-16.96-5.732-.562-11.336 1.426-15.38 5.47-4.042 4.042-6.034 9.647-5.467 15.378.89 8.98 8.058 16.117 17.045 16.968 3.867.37 7.68-.417 11.03-2.267.725-.4 1.637-.138 2.037.588.4.725.137 1.638-.588 2.038-3.26 1.8-6.896 2.73-10.626 2.73">
                                </path>
                                <path
                                    d="M28 16c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3M28 34c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3M34 28c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3M16 28c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3">
                                </path>
                            </g>
                        </svg>
                    </span>
                    <span class="">电影/影院</span>
                </a>
                <a href="./video.html">
                    <span><img src="https://p0.meituan.net/scarlett/551cc48b3a71478a57b40ac4a00179d61401.png"
                            alt=""></span>
                    <span>视频</span>
                </a>
                <a href="./small-video.html">
                    <span><img src="https://p0.meituan.net/scarlett/58a786cefee2770a152ed50c992a864b1254.png"
                            alt=""></span>
                    <span>小视频</span>
                </a>
                <a href="./yanchu.html">
                    <span><svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
                            <title>演出1</title>
                            <g fill="#696969" fill-rule="evenodd">
                                <path
                                    d="M7 30.423v8.965C7 40.828 8.27 42 9.833 42h30.334C41.73 42 43 40.828 43 39.388v-8.965c-2.492-.64-4.333-2.828-4.333-5.423 0-2.596 1.84-4.785 4.333-5.424V10.61C43 9.17 41.73 8 40.167 8H9.833C8.27 8 7 9.17 7 10.61v8.966c2.492.64 4.333 2.828 4.333 5.424 0 2.595-1.84 4.785-4.333 5.423M40.167 45H9.833C6.617 45 4 42.483 4 39.388V29.11c0-.828.67-1.5 1.5-1.5 1.562 0 2.833-1.17 2.833-2.61s-1.27-2.612-2.833-2.612c-.83 0-1.5-.67-1.5-1.5V10.61C4 7.518 6.617 5 9.833 5h30.334C43.384 5 46 7.517 46 10.61V20.89c0 .83-.672 1.5-1.5 1.5-1.562 0-2.833 1.172-2.833 2.612 0 1.44 1.27 2.61 2.833 2.61.828 0 1.5.672 1.5 1.5V39.39C46 42.483 43.384 45 40.167 45">
                                </path>
                                <path
                                    d="M28.177 30.642c.203.07.34.14.475.14.134 0 .256-.018.337-.09.135-.14.203-.397.135-.813l-.473-2.845c0-.347.134-.763.337-.97l1.964-2.013c.203-.277.27-.555.203-.763 0-.14-.135-.417-.61-.486l-2.776-.416c-.27 0-.61-.278-.744-.555l-1.22-2.567c-.135-.277-.27-.485-.54-.485-.273 0-.476.14-.68.486l-1.218 2.567c-.067.208-.474.485-.745.555l-2.777.416c-.406.07-.54.347-.61.485-.135.277 0 .554.204.762l1.964 2.012c.204.208.407.694.34.97l-.475 2.845c-.07.346.067.623.27.762.27.14.542.14.812 0l2.438-1.318c.272-.14.678-.14.95 0l2.437 1.318z">
                                </path>
                            </g>
                        </svg></span>
                    <span>演出</span>
                </a>
                <a href="./login.html">
                    <span><svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
                            <title>我的1</title>
                            <g fill="#696969" fill-rule="evenodd">
                                <path
                                    d="M19.916 35.913c-.014-.016-.02-.036-.033-.05-.314-.32-.737-.455-1.153-.432C13.586 33.066 10 27.9 10 21.908 10 13.687 16.728 7 25 7c8.27 0 15 6.687 15 14.907 0 8.22-6.73 14.906-15 14.906-1.787 0-3.493-.328-5.084-.9zm14.502 1.225C39.558 33.98 43 28.343 43 21.908 43 12.032 34.925 4 25 4S7 12.033 7 21.907c0 6.657 3.68 12.466 9.113 15.552l-6.086 5.97c-.59.58-.6 1.53-.02 2.12.294.3.682.45 1.07.45.38 0 .76-.143 1.052-.43l6.916-6.785c1.867.654 3.865 1.028 5.954 1.028 2.324 0 4.54-.455 6.58-1.256l7.15 7.014c.292.287.672.43 1.05.43.39 0 .78-.15 1.072-.45.58-.59.57-1.54-.02-2.12l-6.414-6.292z">
                                </path>
                                <path
                                    d="M30.358 25.068c-.77-.31-1.642.064-1.95.832-.554 1.375-1.89 2.263-3.408 2.263-1.503 0-2.835-.877-3.395-2.234-.316-.766-1.19-1.13-1.96-.815-.765.316-1.13 1.193-.813 1.96 1.024 2.483 3.446 4.088 6.168 4.088 2.75 0 5.178-1.627 6.19-4.144.31-.77-.063-1.643-.832-1.952">
                                </path>
                            </g>
                        </svg></span>
                    <span>我的</span>
                </a>
            </nav>
        </div>
</body>
<script src="js/mui.min.js"></script>
<script>
    var arr = ["./index.html", "./list.html", "./hotspot.html", "./tab-with-segmented-control.html", "./fsl-MaoYanMovie-01.html", "./fsl-MaoYanMovie-02.html", "./input.html", "./memoria.html"];
    function a(i) {
        window.location.href = arr[i];
    }
    (function () {
        function w() {
            var all = document.documentElement;
            var test = all.getBoundingClientRect().width;
            console.log(123, test)
            if (test > 1000) {
                test = 1000;
            }
            rem = test / 18.75;
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();
    var site = document.querySelector("#site")
    var site1 = document.querySelector("#site1")
    var site2 = document.querySelector("#site2")
    var ht = document.querySelector("#ht")
    var st = site.children
    var st1 = site1.children
    var st2 = site2.children
    var h = ht.children
    for (var i = 0; i < st.length; i++) {
        st[i].onclick = function () {
            window.location.href = "./fsl-MaoYanMovie-03.html"
        }
    }
    for (var i = 0; i < st1.length; i++) {
        st1[i].onclick = function () {
            window.location.href = "./fsl-MaoYanMovie-01.html"
        }
    }
    for (var i = 0; i < st2.length; i++) {
        st2[i].onclick = function () {
            window.location.href = "./fsl-MaoYanMovie-02.html"
        }
    }
    for (var i = 0; i < st.length; i++) {
        h[i].onclick = function () {
            window.location.href = "./fsl-MaoYanMovie-02.html"
        }
    }
</script>

</html>